<template>
  <div class="tixin" v-show="$store.state.tixingShow.show">
    <div class="box">
      <h1>{{ $store.state.tixingShow.tixingText }}</h1>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
@import "@/assets/base.less";
.tixin {
  .box {
    width: 500px;
    height: 50px;
    border-radius: 20px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgb(123, 228, 247);
    h1 {
      text-align: center;
      line-height: 50px;
      color: @red;
    }
  }
}
</style>